<template>
    <el-dialog title="用户详情" :visible.sync="visible" width="30%" :before-close="hideDialog">
        <el-form label-width="120px">
            <el-form-item label="用户名:">
                <div>{{detailData.userName}}</div>
            </el-form-item>
            <el-form-item label="密码:">
                <div>******</div>
            </el-form-item>
            <el-form-item label="姓名:">
                <div>{{detailData.realName}}</div>
            </el-form-item>
            <el-form-item label="性别:">
                <div v-show="detailData.sex===1">男</div>
                <div v-show="detailData.sex===2">女</div>
            </el-form-item>
            <el-form-item label="手机号:">
                <div>{{detailData.phone}}</div>
            </el-form-item>
            <el-form-item label="邮箱:">
                <div>{{detailData.email}}</div>
            </el-form-item>
            <el-form-item label="组织:">
                <div>{{detailData.deptName}}</div>
            </el-form-item>
            <el-form-item label="文字描述">
                <div>{{detailData.remark}}</div>
            </el-form-item>
            <el-form-item label="创建人:">
                <div>{{detailData.creator}}</div>
            </el-form-item>
            <el-form-item label="创建时间:">
                <div>{{detailData.createTime}}</div>
            </el-form-item>
            <el-form-item label="修改人:">
                <div>{{detailData.updater}}</div>
            </el-form-item>
            <el-form-item label="修改时间:">
                <div>{{detailData.updateTime}}</div>
            </el-form-item>
        </el-form>
    </el-dialog>
</template>
<script>
    export default {
        name: 'userDetail',
        props: {
            detailData: Object,
            visible: Boolean,
            hideDialog: Function
        }
    }
</script>
